<template>
    <div class="write-remark">
        <div class="list">
            <div class="item" v-for="item in 4">
                <div class="title">实时</div>
                <div class="imgs">
                    <img src="https://cxj.szzkba.cn/upload/i/2024/07/10/091315.png" alt="">
                </div>
                <div class="time flex-a flex-b">
                    <div>2024-12-01 12:00:00</div>
                    <img src="https://cxj.szzkba.cn/upload/i/2024/07/09/172633.png" alt="">
                </div>
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import Taro, { useRouter } from '@tarojs/taro';
import { Left } from '@nutui/icons-vue-taro';
import { reactive, toRefs, onMounted } from 'vue';
import { } from '../../../../api/index';
export default {
    components: {
        Left,
    },
    setup() {
        const data = reactive({

        });
        onMounted(() => {
            Taro.getStorage({
                key: 'user',
                success: function (res) {

                }
            })
        });
        const jumpTo = (path) => {
            Taro.navigateTo({ url: path })
        }
        return {
            ...toRefs(data), jumpTo
        }
    }
};
</script>


<style lang="scss">
.list {}

.list .item {
    background: #fff;
    margin-bottom: 20px;
    padding: 0 20rpx;
}

.list .item .time {
    color: #666;
    font-size: 22rpx;
    padding: 10rpx 0;
    box-sizing: border-box;
}

.list .item .time img {
    width: 30rpx;
    height: 30rpx;
}

.list .item .imgs {
    border-bottom: 1px solid #F7F7F7;
}

.list .item .imgs img {
    width: 150rpx;
    height: 150rpx;
    margin-right: 10rpx;
}

.list .item .title {
    font-size: 28rpx;
    font-weight: bold;
    padding: 10rpx 0;
}
</style>